﻿<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>userscreate</title>
<link href="css/common.css" rel="stylesheet" type="text/css" />
<link href="css/headerfooter.css" rel="stylesheet" type="text/css" />
<link href="css/createuser.css" rel="stylesheet" type="text/css" />
<script src="js/jquery.js"></script>
<script src="js/jquery.alcatel.tab.js"></script>
<script src="js/jquery.alcatel.siderbar.js"></script>
<script src="js/jquery.alcatel.datagrid.js"></script>
<script src="js/jquery.alcatel.createuser.js"></script>
</head>

<body>
<div id="container">
	<div id="header">
    	<div class="logo"><img src="images/logo.gif" width="849" height="46" alt="短信网关 上海贝尔" /></div>
        <div class="toolsbar">
       	<div class="welcome">Welcome <strong>李铁</strong>(Group User)</div>
            <div class="settings"><a href="setting.html">Settings</a></div>
        </div>
    </div>
    <div id="content">
        <div class="siderbar">
            <ul>
                <li class="first ">
                    <a href="send.html">Send SMS<div class="mark"></div></a>
                </li>
                <li>
                    <a href="template.html">SMS Template<div class="mark"></div></a>
                </li>
                <li>
                    <a href="address.html">Address Book<div class="mark"></div></a>
                </li>
                <li id="history">
                    <a href="#">History<div class="mark"></div></a>
                    <ul>
                        <li>
                            <a href="pending.html">Pending</a>
                        </li>
                        <li>
                            <a href="delivered.html">Delivered</a>
                        </li>
                        <li class="last">
                            <a href="failed.html">Failed</a>
                        </li>
                    </ul>
                </li>
                <li class="current">
                    <a href="userscreate.html">Manage Users<div class="mark"></div></a>
                </li>
                 <li id="report">
                    <a href="#">System Report<div class="mark"></div></a>
                      <ul>
                        <li>
                            <a href="reportoverview.html">Overview</a>
                        </li>
                        <li>
                            <a href="reporthistory.html">History Report</a>
                        </li>
                        <li>
                            <a href="reportgroup.html">Group Report</a>
                        </li>
                         <li class="last">
                            <a href="reportindividual.html">Individual Report</a>
                        </li>
                    </ul>
                </li>
            </ul>
        </div>
        <div class="maincontent">
            <div id="tab">
            	<ul id="tabs">
                	<li rel="viewgroup">View Group</li>
                    <li rel="viewcompany">View Company</li>
                    <li rel="createuser">Create User</li>
                </ul>
            </div>
            <div id="tabcontent">
            	<div class="tab" id="viewgroup">  
                 <div class="maincontent" id="users">
        	            <h2>View My Group<div class="searchbox"><input name="searchbox" type="text" class="searchbox" /><input type="submit" value="GO" name="" class="searchbutton"></div></h2>
            <div id="datagrid">
            	<table width="100%" border="0" cellspacing="0" cellpadding="0">
                	<thead>
                        <tr>
                            <td width="30">&nbsp;</td>
                            <td>UserID</td>
                            <td>Alias</td>
                            <td>Email</td>
                            <td>Operation</td>
                            <td class="data"></td>
                    	</tr>                    	
                    </thead>
					<tbody>
                        <tr>
                            <td align="center"><input type="checkbox" name="checkbox" id="checkbox" value="1" /></td>
                            <td>1</td>
                        	<td>张三</td>
                            <td>zhangsan@.com</td>
                            <td><img src="images/icons/pencil.png" alt="重置密码" title="重置密码"  class="" /> <img src="images/icons/send.png" alt="激活/反激活"  title="激活/反激活" class="resend" /> </td>
                            <td class="data">张三</td>
                    	</tr>
                        <tr>
                            <td align="center"><input type="checkbox" name="checkbox" id="checkbox"  value="2"/></td>
                           <td>2</td>
                        	<td>李四</td>
                            <td>lisi@.com</td>
                            <td><img src="images/icons/pencil.png" alt="重置密码" title="重置密码"  class="" /> <img src="images/icons/send.png" alt="激活/反激活"  title="激活/反激活" class="resend" /></td>
                            <td class="data">李四</td>
                    	</tr>
                        <tr>
                            <td align="center"><input type="checkbox" name="checkbox" id="checkbox"  value="3"/></td>
                            <td>3</td>
                        	<td>王五</td>
                            <td>wangwu@.com</td>
                            <td><img src="images/icons/pencil.png" alt="重置密码" title="重置密码"  class="" /> <img src="images/icons/send.png" alt="激活/反激活"  title="激活/反激活" class="resend" /></td>
                            <td class="data">王五</td>
                    	</tr>
                        <tr>
                            <td align="center"><input type="checkbox" name="checkbox" id="checkbox"  value="4"/></td>
                           <td>4</td>
                        	<td>小麦</td>
                            <td>xiaomai@.com</td>
                            <td><img src="images/icons/pencil.png" alt="重置密码" title="重置密码"  class="" /> <img src="images/icons/send.png" alt="激活/反激活"  title="激活/反激活" class="resend" /></td>
                            <td class="data">小麦</td>
                    	</tr>
                        <tr>
                            <td align="center"><input type="checkbox" name="checkbox" id="checkbox"  value="5"/></td>
                            <td>5</td>
                        	<td>小孟</td>
                            <td>xiaomeng@.com</td>
                            <td><img src="images/icons/pencil.png" alt="重置密码" title="重置密码" class="" /> <img src="images/icons/send.png" alt="激活/反激活" title="激活/反激活" class="resend" /></td>
                            <td class="data">小孟</td>
                    	</tr>                                                                                    
                    </tbody>
               </table>
 
               <table width="100%" border="0" cellspacing="0" cellpadding="0">
                   <tr>
                       <td width="56%" class="button"><input type="button" name="selectall" class="button"  value="全选" />
                       <input type="button" name="activation" value="激活"  class="button"/>
                       <input type="button" name="unActivation"  value="反激活"  class="button"/>
                       <input type="button" name="resetPwd"  value="重置密码"  class="button"/></td>
                       <td width="54%" align="right" class="pagination">
                            <ul>
                            <li class="pagepreviou"><a title="上一页" href="#"><img border="0" alt="上一页" src="images/page_previou_icon.gif"></a></li>
                            <li class="pagelinks"><a title="1" href="#" class="current">1</a></li><li class="pagelinks"><a title="2" href="#">2</a></li>
                            <li class="pagelinks"><a title="3" href="#">3</a></li>
                            <li class="pagelinks"><a title="4" href="#">4</a></li>
                            <li class="pagelinks"><a title="5" href="#">5</a></li>
                            <li class="pagelinks"><a title="6" href="#">6</a></li>
                            <li class="pagelinks"><a title="7" href="#">7</a></li>
                            <li class="pagelinks"><a title="8" href="#">8</a></li>
                            <li class="pagenext"><a title="下一页" href="#"><img border="0" alt="下一页" src="images/page_next_icon.gif"></a></li>
                            </ul>
                            <div class="clear"></div>
                       </td>
                   </tr>
               </table>

        	</div>
        </div>
                </div>

                <div class="tab" id="viewcompany"> 
                <div class="maincontent" id="users">
        <h2>View Company<div class="searchbox"><input name="searchbox" type="text" class="searchbox" /><input type="submit" value="GO" name="" class="searchbutton"></div></h2>
            <div id="datagrid">
            	<table width="100%" border="0" cellspacing="0" cellpadding="0">
                	<thead>
                        <tr>
                            <td width="30">&nbsp;</td>
                            <td>UserID</td>
                            <td>Alias</td>
                            <td>Email</td>
                            <td>Group</td>
                            <td>Operation</td>
                            <td class="data"></td>
                    	</tr>                    	
                    </thead>
					<tbody>
                        <tr>
                            <td align="center"><input type="checkbox" name="checkbox" id="checkbox1" value="1" /></td>
                            <td>1</td>
                        	<td>张三</td>
                            <td>zhangsan@.com</td>
                            <td>GroupA</td>
                            <td><img src="images/icons/pencil.png" alt="重置密码" title="重置密码"  class="" /> <img src="images/icons/send.png" alt="激活/反激活"  title="激活/反激活" class="resend" /> </td>
                            <td class="data">张三</td>
                    	</tr>
                        <tr>
                            <td align="center"><input type="checkbox" name="checkbox" id="checkbox2"  value="2"/></td>
                           <td>2</td>
                        	<td>李四</td>
                            <td>lisi@.com</td>
                            <td>GroupB</td>
                            <td><img src="images/icons/pencil.png" alt="重置密码" title="重置密码"  class="" /> <img src="images/icons/send.png" alt="激活/反激活"  title="激活/反激活" class="resend" /></td>
                            <td class="data">李四</td>
                    	</tr>
                        <tr>
                            <td align="center"><input type="checkbox" name="checkbox" id="checkbox3"  value="3"/></td>
                            <td>3</td>
                        	<td>王五</td>
                            <td>wangwu@.com</td>
                            <td>GroupC</td>
                            <td><img src="images/icons/pencil.png" alt="重置密码" title="重置密码"  class="" /> <img src="images/icons/send.png" alt="激活/反激活"  title="激活/反激活" class="resend" /></td>
                            <td class="data">王五</td>
                    	</tr>
                        <tr>
                            <td align="center"><input type="checkbox" name="checkbox" id="checkbox4"  value="4"/></td>
                           <td>4</td>
                        	<td>小麦</td>
                            <td>xiaomai@.com</td>
                            <td>GroupD</td>
                            <td><img src="images/icons/pencil.png" alt="重置密码" title="重置密码"  class="" /> <img src="images/icons/send.png" alt="激活/反激活"  title="激活/反激活" class="resend" /></td>
                            <td class="data">小麦</td>
                    	</tr>
                        <tr>
                            <td align="center"><input type="checkbox" name="checkbox" id="checkbox5"  value="5"/></td>
                            <td>5</td>
                        	<td>小孟</td>
                            <td>xiaomeng@.com</td>
                            <td>GroupA</td>
                            <td><img src="images/icons/pencil.png" alt="重置密码" title="重置密码" class="" /> <img src="images/icons/send.png" alt="激活/反激活" title="激活/反激活" class="resend" /></td>
                            <td class="data">小孟</td>
                    	</tr>                                                                                    
                    </tbody>
               </table>
 
               <table width="100%" border="0" cellspacing="0" cellpadding="0">
                   <tr>
                       <td width="56%" class="button"><input type="button" name="selectall" class="button"  value="全选" />
                       <span class="input">&nbsp;</span>
                       <input type="button" name="activation" value="激活"  class="button"/>
                       <span class="input">&nbsp;</span>
                       <input type="button" name="unActivation"  value="反激活"  class="button"/>
                       <span class="input">&nbsp;</span>
                       <input type="button" name="resetPwd"  value="重置密码"  class="button"/></td>
                       <td width="54%" align="right" class="pagination">
                            <ul>
                            <li class="pagepreviou"><a title="上一页" href="#"><img border="0" alt="上一页" src="images/page_previou_icon.gif"></a></li>
                            <li class="pagelinks"><a title="1" href="#" class="current">1</a></li><li class="pagelinks"><a title="2" href="#">2</a></li>
                            <li class="pagelinks"><a title="3" href="#">3</a></li>
                            <li class="pagelinks"><a title="4" href="#">4</a></li>
                            <li class="pagelinks"><a title="5" href="#">5</a></li>
                            <li class="pagelinks"><a title="6" href="#">6</a></li>
                            <li class="pagelinks"><a title="7" href="#">7</a></li>
                            <li class="pagelinks"><a title="8" href="#">8</a></li>
                            <li class="pagenext"><a title="下一页" href="#"><img border="0" alt="下一页" src="images/page_next_icon.gif"></a></li>
                            </ul>
                            <div class="clear"></div>
                       </td>
                   </tr>
               </table>
               </div>
        	</div>
                </div>
                <div class="tab" id="createuser">
					<h2>Create User</h2>
                    <div id="form">
                    	<div class="aliasemail">
                           <div class="tips">
                            	<div class="label">Tips:</div>
                                <div class="content">请填写将要创建用户的Alias或者Email地址，多个用户以分号相隔。Email必须是公司的电子邮箱，Alias必须是存在的Email地址的别名。如：parkerz;milesch;elanzh@alcatel-sbell.com.cn</div>
                            </div>						
                        	<span class="label">Alias/Email</span>
                            <span class="input"><textarea name="aliasemail" class="aliasemail"></textarea></span>
							<span class="plus"><img src="images/icons/plus.png" width="12" height="12" alt="+" /></span>
							<span class="lessen"><img src="images/icons/lessen.png" width="12" height="12" alt="-" /></span>
 
                        </div>
                        <div class="group">
                            <div class="tips">
                            	<div class="label">Tips:</div>
                                <div class="content">请选择一个已经存在的Group作为此（批）用户的所属部门。</div>
                            </div>						
                        	<span class="label">Group</span>
                            <span class="input"><select class="group"><option>ITG</option><option>HR</option></select></span>

                        </div>
                        <div class="isgroupadmin">
                            <div class="tips">
                            	<div class="label">Tips:</div>
                                <div class="content">请选择是否加入Group Admin</div>
                            </div>				
                            <span class="label">Is Group Admin</span>
                            <span class="input"><label><input name="isgroupadmin" type="radio" value="" />是</label> <label><input name="isgroupadmin" type="radio" value="" />否</label></span>
                        </div>  
                        <div class="createuserbutton">
                        	<span class="label">&nbsp;</span>
                            <span class="input"><input name="createuser" type="button" class="button" value="新增" /></span>
                        </div>                                                                       

                    </div>                
                </div>                                                                      

                    </div>                
                </div>
            </div>
        </div>
    </div>
	<div id="footer">
    	<div class="copyright">Copyright 2010 &copy; Alcatel-Lucent. All rights reserved</div>
    </div>
</div>

<div id="cetd" style="">
<div class="label">userscreate</div>
<textarea name="msg" id="msg"></textarea>
</div>
</body>
</html>
